﻿
<div style='overflow: hidden;' class='white-desk'>

	<p class='hint'>
		{% if not is_limit_exceeded %}
			Задайте параметры девушек или парней, которых ищете.
		{% else %}
			<b>Вы просмотрели все анкеты по выбранным критериям.</b> Теперь Вы можете изменить параметры поиска. Новый просмотр начнется с начала.
		{% endif %}
	</p>

    <div class='new-category'>
	    <div class='category-title'>Возрастной диапазон</div>    
	    <div id="slider"></div>
	    <script>
	      $("#slider").rangeSlider(	{
	      								bounds:
	      								{
	      									min: {{range_min_age}}, 
	      									max: {{range_max_age}}
	      								},
	      								defaultValues:
	      								{
	      									min: {{min_age}}, 
	      									max: {{max_age}}
	      								}
	      							} );

			$("#slider").on( "valuesChanging", 
								function(e, data)
								{
									$( '[name=min_age]' ).val( Math.round( data.values.min ) );
									$( '[name=max_age]' ).val( Math.round( data.values.max ) );
								}
			);
	    </script>
	
    </div>

    <div class='new-category'>
	    <div class='category-title'>Живет в...</div>

	    <div class='choose-item-container' id='region_city'>
	    	{% if live_in == 'c' %}
			    <div style='float: left;' name='c' class='choose-item choose-item-selected'>В моем городе</div>
				<div style='float: left;' name='r' class='choose-item choose-item-deselected'>В моем городе или ближайших</div>
			{% else %}
			    <div style='float: left;' name='c' class='choose-item choose-item-deselected'>В моем городе</div>
				<div style='float: left;' name='r' class='choose-item choose-item-selected'>В моем городе или ближайших</div>
			{% endif %}
			<input type='hidden' name='live_in' value='{{live_in}}'>
		</div>
    </div>

    <div class='new-category'>
	    <div class='category-title'>Пол</div>
	    	<div class='choose-item-container' id='sex'>
	    		{% if sex == 'm' %}
	    			<div style='float: left;' class='choose-item choose-item-deselected' name='f' >Девушки</div>
					<div style='float: left;' class='choose-item choose-item-selected' name='m'>Парни</div>
				{% else %}
					<div style='float: left;' class='choose-item choose-item-selected' name='f'>Девушки</div>
					<div style='float: left;' class='choose-item choose-item-deselected' name='m'>Парни</div>
				{% endif %}
				<input type='hidden' name='sex' value='{{sex}}'>
			</div>
    </div>

    <input type='hidden' name='min_age' value='{{min_age}}'>
    <input type='hidden' name='max_age' value='{{max_age}}'>

</div>

	<div style='clear: both; margin-top: 40px'>
		<div class='blue-button' onclick='onContinue({% if next_section %}{{next_section}}{% endif %})'>Продолжить</div>
	</div>